<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="zh_cn">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>西安三星 SW 综合系统 Samsung XIAN SW Comprehensive System</title>

	<!-- 个人中心通用样式  -->
	<%@ include file="/common/center-main-css.jsp"%>
    
    <!-- 业务css -->
	
</head>

<body>

    <div id="wrapper">
    <!-- 根据业务名称设置菜单名 -->
	<c:set var="nav" value=""></c:set>
    <c:set var="menu" value=""></c:set>
    
    <!-- 左侧导航  -->
	<%@ include file="/common/center-nav-left.jsp"%>
    <div id="page-wrapper" class="gray-bg">
        
        <!-- 个人中心头部  -->
		<%@ include file="/common/center-header.jsp"%>


        <!-- 业务部分  开始  -->
        <div class="row wrapper border-bottom white-bg page-heading animated fadeInRight">
            <div class="col-lg-10 page-heading">
                <h2>个人中心</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="">个人中心</a>
                    </li>
                    <li class="active">
                        <a href="">首页</a>
                    </li>
                </ol>
            </div>
	        <!-- 业务内容  -->
        	<div>
                <div class="col-lg-4">
                        <div class="widget-head-color-box navy-bg p-lg text-center">
                            <div class="m-b-md">
                            <h2 class="font-bold no-margins">
                                ${sessionScope.LOGINED_USER.name}
                            </h2>
                                <small>科技实验组成员</small>
                            </div>
                            <img src="${ctx}${sessionScope.LOGINED_USER.userImage}"  class="img-circle circle-border m-b-md" alt="profile">
                            <div>
                                <span>100 推特</span> |
                                <span>350 追随者</span> |
                                <span>610 更随者</span>
                            </div>
                        </div>
                        <div class="widget-text-box">
                            <h4 class="media-heading">张枫</h4>
                            <p>月落乌啼霜满天，江枫渔火对愁眠。姑苏城外寒山寺，夜半钟声到客船。</p>
                            <div class="text-right">
                                <a class="btn btn-xs btn-white"><i class="fa fa-thumbs-up"></i> 喜欢 </a>
                                <a class="btn btn-xs btn-primary"><i class="fa fa-heart"></i> 深爱</a>
                            </div>
                        </div>
                </div>
                <div class="col-lg-2">
                    <div class="widget navy-bg p-lg text-center">
                        <div class="m-b-md">
                            <i class="fa fa-shield fa-4x"></i>
                            <h1 class="m-xs">456</h1>
                            <h3 class="font-bold no-margins">
                                Shield
                            </h3>
                            <small>power</small>
                        </div>
                    </div>
                    <div class="widget  p-lg text-center">
                        <div class="m-b-md">
                            <i class="fa fa-flash fa-4x"></i>
                            <h1 class="m-xs">612</h1>
                            <h3 class="font-bold no-margins">
                                Thunder
                            </h3>
                            <small>amount</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="widget lazur-bg p-xl">

                                <h2>
                                   	 张枫	
                                </h2>
                        <ul class="list-unstyled m-t-md">
                            <li>
                                <span class="fa fa-envelope m-r-xs"></span>
                                <label>邮箱:</label>
                                mike@mail.com
                            </li>
                            <li>
                                <span class="fa fa-home m-r-xs"></span>
                                <label>住址:</label>
                                	京师 京九路9# 世纪无限 3栋5单元
                            </li>
                            <li>
                                <span class="fa fa-phone m-r-xs"></span>
                                <label>电话:</label>
                                18602164568
                            </li>
                        </ul>

                    </div>
                    <div class="widget red-bg p-lg text-center">
                        <div class="m-b-md">
                            <i class="fa fa-bell fa-4x"></i>
                            <h1 class="m-xs">47</h1>
                            <h3 class="font-bold no-margins">
                                                                                通知
                            </h3>
                            <small>We detect the error.</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                <div class="widget yellow-bg p-lg text-center">
                    <div class="m-b-md">
                        <i class="fa fa-thumbs-up fa-4x"></i>
                        <h1 class="m-xs">520</h1>
                        <h3 class="font-bold no-margins">
                            Likes
                        </h3>
                        <small>amount</small>
                    </div>
                </div>
                    <div class="widget yellow-bg p-lg text-center">
                        <div class="m-b-md">
                            <i class="fa fa-warning fa-4x"></i>
                            <h1 class="m-xs">Alarm</h1>
                            <h3 class="font-bold no-margins">
                                Do
                            </h3>
                            <small>something</small>
                        </div>
                    </div>
                    </div>
            </div>
        </div>
        
        <!-- 业务部分  结束  -->
        
        <!-- 个人中心  公共页脚 -->
		<%@ include file="/common/center-footer.jsp"%>
        
    </div>
	</div>

	<!-- 个人中心  通用js -->
	<%@ include file="/common/center-main-js.jsp"%>
    
    <!-- 业务js  -->
    
    
    <!-- 皮肤配置  -->
    <%@ include file="/common/center-skin-config.jsp"%>
    
</body>

</html>